<template>
  <el-dialog
    v-model="isShow"
    :title="title"
    width="800"
    :close-on-click-modal="false"
    @close="handleClose"
  >
    <el-descriptions border>
      <el-descriptions-item label-align="right" label="名称">{{row.publicName}}</el-descriptions-item>
      <el-descriptions-item label-align="right" label="键">{{row.publicKey}}</el-descriptions-item>
      <el-descriptions-item label-align="right" label="值">{{row.publicValue}}</el-descriptions-item>
      <el-descriptions-item label-align="right" label="状态">
        <el-tag size="small">{{proxy.$util.selectName(row.status, optionData.statusType)}}</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label-align="right" label="创建时间">{{row.createTime}}</el-descriptions-item>
      <el-descriptions-item label-align="right" label="类型">
        <el-tag size="small">{{proxy.$util.selectName(row.systemFlag, optionData.dictType)}}</el-tag>
      </el-descriptions-item>
    </el-descriptions>
  </el-dialog>
</template>

<script setup lang="ts">
import {ElMessage, ElMessageBox} from 'element-plus'
import { ref, reactive, inject, getCurrentInstance, ComponentInternalInstance } from 'vue';
const {proxy} = getCurrentInstance() as ComponentInternalInstance;
let optionData:any = inject('optionData'); 
const emit = defineEmits(['confirm']);
let isShow = ref(false);
let title = ref('详情');
let row:any = reactive({});
const init = (data:any) => {
  row = data;
  isShow.value = true;
};
const handleClose = () => {
  console.log('关闭');
};
const toSubmit = async ()=>{
  
}
defineExpose({
  init,
})
</script>

<style>

</style>